<!DOCTYPE html>
<html>
<head>
	<include file="Public:common-css" />
	<link type="text/css" rel="stylesheet" href="__ICSS__/member.css" />
	<link href="__ICSS__/selectordie/selectordie_theme.css" rel="stylesheet">
</head>
<body>
<div class="container">
<!-------------------------header--------------------------------->
<include file="Public:header" />
<!--------------------------content------------------------------->
	<div class="clr"></div>
    <div class="content">
    	<include file="Public:member-left" />
        <div class="member-right">
        	<div class="member-breadcrumbs">
            	<a href="__ROOT__">首页</a>
                &gt;
                <span>个人中心</span>
                &gt;
                <span>账户充值</span>
            </div>
            <div class="clr"></div>
          	<div class="m-box">
				<div class="member-recharge-box">
					<div class="member-recharge-choose">
						<ul>
							<li>
								<span>账户余额</span>
								<div class="member-recharge-choose-box">
									<strong><font class="org" style="font-weight:bold; font-size:18px;"><{$balance|formatPrice=###}></font>元</strong>
								</div>
							</li>
							<li>
								<span>充值账号</span>
								<div class="member-recharge-choose-box">
									<strong><{:getHidePhone($_SESSION['HS_USER_TEL'])}></strong>
								</div>
							</li>
							<li>
								<span>充值金额</span>
								<div class="member-recharge-choose-box">
									<select class="myselect" id="recharge">
										<foreach item="dt" name="data">
											<option value="<{$dt.id}>"><{$dt.rechargePrice}>元送<{$dt.givePrice}></option>
										</foreach>
									</select>
								</div>
							</li>
						</ul>
					</div>
					<div class="member-recharge-title">
						支付方式
					</div>
					<div class="member-recharge-list">
				      	<ul>
				      		<!-- <li ref="1" class="on">
				      			<img src="__IIMG__/weixin-icon.png" width="94" height="18"/>
					      		<div class="checked-icon"></div>
				      		</li> -->
				      		<li ref="2" class="on">
				      			<img src="__IIMG__/alipay-icon.png" width="94" height="18"/>
					      		<div class="checked-icon" style="display:none;"></div>
				      		</li>
				      	</ul>
			    	</div>
			    	<div class="clearfix"></div>
			    	<div class="member-recharge-btn">
			    		<a href="javascript:void(0)">确认充值</a>
			    	</div>
			    	<div class="clearfix"></div>
			    	<div class="recharge-tips">
						<p>温馨提示：</p>
						<p>1.充值成功后，余额可能存在延迟现象，一般1到5分钟内会到账，如有问题，请咨询客服。</p>
						<p>2.充值完成后，您可以进入我的账户页面查看余额。</p>
						<p>3.账户余额不可提现。</p>
			    	</div>
				</div>
            </div>
        </div>
    </div>
    <div class="clr"></div>
<!--------------------------content-end--------------------------->
    <include file="Public:footer" />
</div>

</body>
<include file="Public:common-js" />
<script src="__IJS__/selectordie/selectordie.min.js"></script>
<script type="text/javascript">
$(function() {
	$('select').selectOrDie();
	$(".member-recharge-list").find("li").click(function(){
		$(".member-recharge-list").find("li").attr("class","");
		$(".member-recharge-list").find(".checked-icon").hide();
		$(this).attr("class","on");
		$(this).find(".checked-icon").show();
	})
	$(".member-recharge-btn").find("a").click(function() {
		layer.open({
		    type: 1,
		    closeBtn: false,
		    title: false,
		    area: ['460px', '220px'],
		    content:'<div class="payment-tip-box"><strong>请在打开的页面上完成付款</strong><p>付款完成前请勿关闭此窗口，完成支付后根据您的情况进行操作</p><a class="pay-success-btn" href="__ROOT__/User/accounts">已完成付款</a></div>'
		});
		if($(".member-recharge-list").find(".on").attr("ref") == 1){//微信
			layer.msg("微信支付");
		}else if($(".member-recharge-list").find(".on").attr("ref") == 2){//支付宝
			$(this).attr("href","__ROOT__/Alipay/rechargeAlipay?rechargeId="+$('#recharge').val());//跳转支付页面
		}
		
		$(this).attr("target","_blank");
	})
})
function closeLayer() {
	layer.closeAll();
}
</script>
</html>
